<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传</title>
    <link rel="stylesheet" href="./view/上传/styles.css">
</head>
<body>
<!-- 上传 Unnamed (Rectangle) -->
<div id="u7269" class="ax_default heading_1">
    <div id="u7269_div" class=""></div>
    <div id="u7269_text" class="text ">
        <p><span>Upload 上传</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7270" class="ax_default heading_1">
    <div id="u7270_div" class=""></div>
    <div id="u7270_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7271" class="ax_default label">
    <div id="u7271_div" class=""></div>
    <div id="u7271_text" class="text ">
        <p><span>文件选择上传和拖拽上传控件。</span></p><p><span>只对样式和基础交互进行了实现。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7272" class="ax_default box_1">
    <div id="u7272_div" class=""></div>
    <div id="u7272_text" class="text ">
        <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Upload files</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7273" class="ax_default label">
    <div id="u7273_div" class=""></div>
    <div id="u7273_text" class="text ">
        <p><span>点击上传</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7274" class="ax_default label">
    <div id="u7274_div" class=""></div>
    <div id="u7274_text" class="text ">
        <p><span>最基本用法，点击上传，一次选择一个文件。</span></p>
    </div>
</div>

<!-- upload-progress (Dynamic Panel) -->
<div id="u7275" class="ax_default ax_default_hidden" data-label="upload-progress" style="display:none; visibility: hidden">
    <div id="u7275_state0" class="panel_state" data-label="uploading" style="">
        <div id="u7275_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7276" class="ax_default label">
                <div id="u7276_div" class=""></div>
                <div id="u7276_text" class="text ">
                    <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">filename.jpg</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7277" class="ax_default box_1">
                <div id="u7277_div" class=""></div>
                <div id="u7277_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7278" class="ax_default box_1">
                <div id="u7278_div" class=""></div>
                <div id="u7278_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7279" class="ax_default label">
                <div id="u7279_div" class=""></div>
                <div id="u7279_text" class="text ">
                    <p><span>38%</span></p>
                </div>
            </div>
        </div>
    </div>
    <div id="u7275_state1" class="panel_state" data-label="success" style="visibility: hidden;">
        <div id="u7275_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7280" class="ax_default label">
                <div id="u7280_div" class=""></div>
                <div id="u7280_text" class="text ">
                    <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">filename.jpg</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7281" class="ax_default box_1">
                <div id="u7281_div" class=""></div>
                <div id="u7281_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7282" class="ax_default box_1">
                <div id="u7282_div" class=""></div>
                <div id="u7282_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7283" class="ax_default label">
                <div id="u7283_div" class=""></div>
                <div id="u7283_text" class="text ">
                    <p><span></span></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7284" class="ax_default label">
    <div id="u7284_div" class=""></div>
    <div id="u7284_text" class="text ">
        <p><span>拖拽上传</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7285" class="ax_default label">
    <div id="u7285_div" class=""></div>
    <div id="u7285_text" class="text ">
        <p><span>只实现基本样式。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7286" class="ax_default box_1">
    <img id="u7286_img" class="img " src="assets/images/上传/u7286.svg"/>
    <div id="u7286_text" class="text ">
        <p style="font-size:52px;"><span style="font-family:'Ionicons';color:#2C8CF0;"></span></p><p style="font-size:14px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#515A6E;">Click or darg files here to upload</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7287" class="ax_default label">
    <div id="u7287_div" class=""></div>
    <div id="u7287_text" class="text ">
        <p><span>照片墙</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7288" class="ax_default label">
    <div id="u7288_div" class=""></div>
    <div id="u7288_text" class="text ">
        <p><span>只实现样式，鼠标悬浮查看大图和删除。</span></p>
    </div>
</div>

<!-- Unnamed (Image) -->
<div id="u7289" class="ax_default image">
    <img id="u7289_img" class="img " src="assets/images/上传/u7289.svg"/>
    <div id="u7289_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7290" class="ax_default box_1">
    <div id="u7290_div" class=""></div>
    <div id="u7290_text" class="text ">
        <p><span> </span></p>
    </div>
</div>

<!-- Unnamed (Image) -->
<div id="u7291" class="ax_default image">
    <img id="u7291_img" class="img " src="assets/images/上传/u7291.svg"/>
    <div id="u7291_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7292" class="ax_default box_1">
    <div id="u7292_div" class=""></div>
    <div id="u7292_text" class="text ">
        <p><span> </span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7293" class="ax_default box_1">
    <img id="u7293_img" class="img " src="assets/images/上传/u7293.svg"/>
    <div id="u7293_text" class="text ">
        <p><span></span></p>
    </div>
</div>
</body>
</html>
